@charset "utf-8";
/* css1 */
body {
	font-family: "微软雅黑";
}
.circle {
	width: 200px;
	height: 200px;
	position: absolute;
	border-radius: 50%;
	background: #00aacc;
}
.pie_left, .pie_right {
	width:200px; 
	height:200px;
	position: absolute;
	top: 0;left: 0;
}
.left, .right {
	width:200px; 
	height:200px;
	background:#ffe1d6;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.pie_right, .right {
	clip:rect(0,auto,auto,100px);
}
.pie_left, .left {
	clip:rect(0,100px,auto,0);
}
.mask {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	left: 25px;
	top: 25px;
	background: #FFF;
	position: absolute;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #00aacc;
}